@import "@/styles/common/px2rem.scss";
.jisu{
    flex: 1;
    overflow-y: auto;
    background-color: #f5f5f5;
    .class_list{
        padding: px2rem(17) 0;
        background-color: #fff;
        ul{
            display: flex;
            li{
                flex: 1;    
                a{
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
                img{
                    width: px2rem(48);
                    height: px2rem(48);
                }
                span{
                    display: inline-block;
                    margin-top: px2rem(10);
                    color: #666;
                    font-size: px2rem(12);
                }
            }

        }
    }
    .jisu_list{
        margin-top: px2rem(10);
        background-color: #fff;
        .jisu_header{
            color: #333;
            font-size: px2rem(14);
            text-align: center;
            padding: px2rem(10) 0;
            display: flex;
            justify-content: center;
            align-items: center;
            img{
                width: px2rem(15);
                height: px2rem(15);
                margin-right: px2rem(10);
            }
        }
       ul {
           li{
               display: flex;
               flex-direction: column;
               justify-content: center;
               padding: px2rem(12) px2rem(5);
               &::after{
                   content: "";
                   display: block;
                   width: 100%;
                   height: 1px;
                   background-color: #c8c8c8;
               }
               a{
                   display: flex;
                   width: 100%;
                   height: 100%;
               }
               img{
                   width: px2rem(100);
                   height: px2rem(100);
               }
               p.product_name{
                   font-size: px2rem(14);
                    color: #333;
               }
               .produce_price{
                   margin-top: px2rem(20);
                   .money_class {
                    font-size: px2rem(13);
                    margin-right: px2rem(2);
                   }
                   .money_now{
                       font-size: px2rem(18);
                   }
                   color: #fe4070;
                   .money_before{
                       color: #999;
                       margin-left: px2rem(3);
                       font-size: px2rem(13);
                   }
               }
           }
       }
        
    }
}